<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>simple perf.</title>

<!-- Source File and Seed for YUI3-->
<link rel="stylesheet" type="text/css" href="../../../../build/cssreset/reset-min.css">
<link type="text/css" rel="stylesheet" href="../../../../build/cssfonts/fonts-min.css">

<script src="../../../../build/yui/yui.js"></script>
</head>
<style>
.foo {
/*    position:absolute;
    top:100px;
    left:100px;
*/
    margin:100px auto;
    border:solid 1px #f00;
    width:200px;
    height:200px;
}
</style>
<body class="yui3-skin-sam">hello

    <div class="dial-container foo"></div>
</body>
</html>
<script>
    YUI({filter:'raw'}).use("dial", function(Y) {          //, filter:'raw'  this make it really hard to clear cache on iPad
        //dial.render(".dial-container");
        //Y.on('mousedown',function(e){alert('clicked ring' + e.pageX);}, dial._ringNode);


        var doTest,
            i;

        var dialInstance = function(){
            var dial = new Y.Dial({});

        }

        doTest = function(){
            console.profile('dialProfile');
            for (i = 0; i < 100; i+=1) {
                dialInstance();
            }
            console.profileEnd('dialProfile');
        }
        //doTest();

    });
</script>
